@charset "utf-8";
/* CSS Document */


.jby_close {
    background: url("return.png") no-repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 0;
    height: 63px;
    left: -90px;
    line-height: 63px;
    position: absolute;
    text-shadow: 1px 1px 2px rgba(153, 153, 153, 0.35);
    top: 20px;
    width: 70px;
}
a.jby_close:hover {
    background-position: 0 -63px;
    text-decoration: underline;
}


.jby_mask {
    background: #F7AAB4;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.50;
    filter: Alpha(Opacity=50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200;
}


.jbyture {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
    display: none; 
    opacity: 0;
    height: 100%;
    left:100%;
    position: absolute;
    top: 0;
    width: 65%;
    z-index: 201;
    margin-left:-60px;
}


.jby_head {
    background: #F38B98;
    display: block;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.jby_head p {
    color: #fff;
    font-size: 14px;
    line-height: 1.75;
    padding: 50px 60px;
}
.jby_head p a, .jby_head p a:visited {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    line-height: 1.75;
    text-decoration: none;
}
.jby_head p a:hover {
    text-decoration: underline;
}
.jby_head ul {
    float: left;
    height: 100px;
    position: absolute;
    width: 1000px;
}
.jby_head ul li {
    background: url("nav_bg.jpg") no-repeat scroll 0 0 ;
    display: inherit;
    float: left;
    height: 99px;
}
.jby_head ul li.jby_one, .jby_two, .jby_three {
    color: #33aa52;
    font-size: 14px;
    font-style: normal;
    line-height: 91px;
    padding: 8px 35px 0 30px;
}
.jby_head ul li.jby_sec {
    max-width: 300px;
}
.jby_head ul li span {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 91px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jby_head ul li.head {
    font-size: 0;
}
.jby_head ul li.last {
    display: block;
    font-size: 0;
    height: 99px;
    width: 10px;
}

.jby_body {
    background: none repeat scroll 0 0 #fff;
    display: block;
    font-size: 0;
    position: relative;
    width: 100%;
    z-index: 1;
    height:100%;
}



.jby_show01, .jby_show02, .jby_show03, .jby_show04{
  display:none;
}



.jby_ul {
    left: 0px;
    position: absolute;
    top: 160px;
    width: 10px;
    z-index: 0;
   
}
.jby_ul li {
    display: block;
    height: 60px;
    margin-bottom: 2px;
    position: relative;
}
.jby_ul li a {
    background: #f6f6f6;
    border-radius: 3px 0 0 3px;
    color: #333;
    font-size: 14px;
    font-style: italic;
    height: 60px;
    left: auto;
    line-height: 60px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    transition: background 0.5s ease 0s;
    width:120px;
    
}
.jby_ul li a span {

}
.jby_ul li a.current {
    background: none repeat scroll 0 0 #ffd148;
    width: 120px;
}
.jby_ul li a:hover {
    background: url(jiao.png) no-repeat scroll 10px 50% #ffd148;
    
}
.jby_ul li a.current span {
    display: block;
}
.jby_ul li a.current1 {background:#F47383;color:#fff;}